<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<html:html>
<head>	
	<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/common/css/help/help.css" />
	<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/css/stkissue2.css" />

<style type="text/css">
#titlePO{    
  font-size: medium;  
  font-weight:bold;                                   
  padding: 5px;
  border: 1px solid #333333;  
  background-color: #00c0ff; 
}
</style>	
<style>

.odd{background-color:#fFA700; }
.even{background-color:#fFA700; }

.menu-over{background-color:#64b1ff;}

</style>		
</head>


<body><br />
<div id="wrapper">
	<!-- 
		<div id="header"><img src="images/kiuchilogo.png" width="305" height="80" /></div>
	 -->	 
	<div id="menu"><ul id="nav"></ul></div>
	  
	<div id="content">
		<div id="menuNav"><a href='<%=request.getContextPath() %>/Login.do?mode=check'>หน้าหลัก</a> 
		>> คลังพัสดุ - Store กลาง  >> จัดซื้อ<br />
		>> <html:link action ="/purchaseOrder.do?mode=displayPO&isDyeChem=yes">ดูรายการใบ Purchase Order สีเคมี</html:link>
		>> <html:link action ="/purchaseOrder.do?mode=displayPO&isDyeChem=no">ดูรายการใบ Purchase Order ทั่วไป</html:link>
		>> <html:link action ="/purchaseOrder.do?mode=showFind">สร้าง PO จากใบ พ.1 (ขอซื้อผ่าน)</html:link>
		
		
	</div><br />
	<div style="background: #ffffff;">
		<p align="center" id="titlePO">${titlePO } </p>
	</div><!--			
	<center>	
		<div>

			<form action="/ittl/purchaseOrder/purchaseOrder.do?mode=displayPO" method="post" name="formSearch">
			<input type="hidden" name="isDyeChem" value="${isDyeChem }" >
			<label>ค้นหา PO เดือน </label>			
			<select name="monthFind" >
				<option value="01">มกราคม</option>
				<option value="02">กุมภาพันธ์</option>
				<option value="03">มีนาคม</option>
				<option value="04">เมษายน</option>
				<option value="05">พฤษภาคม</option>
				<option value="06">มิถุนายน</option>
				<option value="07">กรกฎาคม</option>
				<option value="08">สิงหาคม</option>
				<option value="09">กันยายน</option>
				<option value="10">ตุลาคม</option>
				<option value="11">พฤศจิกายน</option>
				<option value="12">ธันวาคม</option>												
			</select>
			<select name="yearFind" >
				<option value="54">2554</option>
				<option value="53">2553</option>																				
			</select>			
			
			<input type="submit" value="search">		
			</form>

			<form action="/ittl/purchaseOrder/purchaseOrder.do?mode=displayPO" method="post" name="formSearch2">
			<input type="hidden" name="isDyeChem" value="${isDyeChem }" >
				ค้นหา (docNo,POCode):
			<input type="text" value="${docNoFind }" name="docNoFind">
			<input type="submit" value="search"  >
			</form>
				
		</div>เดือน:<strong><label id="mm"></label> <label id="yyyy"></label></strong><br />
		<div id="tblShow" >
			<display:table  name="${results_displayPO}" pagesize="50"
							requestURI=""
							decorator="com.ttl.bc.ap.purchaseorder.bean.BCPurchaseOrderSubShow2Decorator"												  
							>   
				<display:column property="mode" style="width: 5%" />
				<display:column property="docNo" title="เลขที่เอกสาร" style="width: 8%" /> 				
				<display:column property="ittl_purchaseCode" title="POCode" style="width: 3%" sortable="true"/>								
				<display:column property="itemCode" title="รหัส" style="width: 8%" sortable="true" />								
				<display:column property="itemName"  title="รายการ" style="width: 20%" sortable="true"/>
				<display:column property="qty" title="จำนวน" format="{0,number, #,###.##}" style="width: 3%; text-align: right"  />
				<display:column property="ittl_unitName" title="หน่วย" style="width: 3%" />
				<display:column property="ittl_status" title="สถานะ" style="width: 8%" />
													
			</display:table>
			
			
		</div>	 
	</center>
	--><center>
		<div>			
			<html:form action="/purchaseOrder.do?mode=displayPO&isDyeChem=${isDyeChem }">
				ค้นหา เลขที่เอกสาร PO:<html:text property="itemFind" value="${itemFind}" styleId="itemFind" />
				แสดงผลต่อหน้า:<html:select property="maxEntriesPerPage" value="${maxEntriesPerPage}">
							<html:option value="5">5 รายการ</html:option>
							<html:option value="10">10 รายการ</html:option>							
							<html:option value="20">20 รายการ</html:option>
							<html:option value="50">50 รายการ</html:option>							
						  </html:select>
				<html:submit value="ค้นหา" />
			</html:form>						
		</div>
		<div>
		<table border="1" width="95%">
			<tr><td colspan="3" >ค้นหา <font color="red"><b>${itemFind}</b></font> พบ  ${allElement } ระเบียน</td>
				<td colspan="3" align="right">หน้า ${currentPage }/${lastPage }</td>
			</tr>
			<tr><td colspan="6">
					<logic:empty name="firstPage">หน้าแรก</logic:empty>
					<logic:notEmpty name="firstPage">			
						<html:link action="/purchaseOrder.do?mode=displayPO&isDyeChem=${isDyeChem }&page=${FirstPage }&itemFind=${itemFind }&maxEntriesPerPage=${maxEntriesPerPage }" >หน้าแรก</html:link>
					</logic:notEmpty>
					<logic:empty name="previousPage">ถอยหลัง</logic:empty>
					<logic:notEmpty name="previousPage">
						<html:link action="/purchaseOrder.do?mode=displayPO&isDyeChem=${isDyeChem }&page=${previousPage }&itemFind=${itemFind }&maxEntriesPerPage=${maxEntriesPerPage }" >ถอยหลัง</html:link>					
					</logic:notEmpty>										
					<logic:empty name="nextPage">ถัดไป</logic:empty>
					<logic:notEmpty name="nextPage">						
						<html:link action="/purchaseOrder.do?mode=displayPO&isDyeChem=${isDyeChem }&page=${nextPage }&itemFind=${itemFind }&maxEntriesPerPage=${maxEntriesPerPage }" >ถัดไป</html:link>
					</logic:notEmpty>										
					<logic:empty name="lastPage">หน้าสุดท้าย</logic:empty>
					<logic:notEmpty name="lastPage">
						<html:link action="/purchaseOrder.do?mode=displayPO&isDyeChem=${isDyeChem }&page=${lastPage }&itemFind=${itemFind }&maxEntriesPerPage=${maxEntriesPerPage }" >หน้าสุดท้าย</html:link>
					</logic:notEmpty>
											
				</td>
			</tr>
			<tr class="odd">
				<td width="5%">ลำดับ</td>
				<td width="17%">โหมด</td>
				<td width="18%">เลขที่เอกสาร PO</td>
				
				<td width="60%" colspan="3">รายละเอียด</td>
						
			</tr>
			
			
			<logic:notEmpty name="itemResults">
				<logic:iterate id="var" name="itemResults" indexId="id">

						<tr onmouseover="this.className='menu-over'" 
							onmouseout="this.className='even'" class="even">
							<td width="5%"> ${id+1+offset }.</td>																		
							<td width="17%">
								
								<c:if test="${var.isCancel==0 }">
									<c:if test="${fn:contains(var.docNo,'DC')}">
										<!--<c:if test="${isDyeChem=='no' }">
											<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=editPO&docNo=${var.docNo }">แก้ไข</a> |
										 </c:if>
										 <a href="/ittl/purchaseOrder/purchaseOrder.do?mode=cancelPO&isDyeChem=${isDyeChem }&docNo=${var.docNo }">ยกเลิก</a> |
										-->
										<c:if test="${var.poStatus!=2 }">
											<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=edit3&docNo=${var.docNo }">แก้ไข</a> | 																
											<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=cancel3&docNo=${var.docNo }">ยกเลิก</a> |
										</c:if> 										
									</c:if>
																									
									<c:if test="${!fn:contains(var.docNo,'DC')}">									
										<!--<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=edit&docNo=${var.docNo }">แก้ไข</a> | 
										<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=cancel&docNo=${var.docNo }">ยกเลิก</a> |
										-->
										<c:if test="${var.poStatus!=2 }">
											<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=edit3&docNo=${var.docNo }">แก้ไข</a> |																
											<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=cancel3&docNo=${var.docNo }">ยกเลิก</a> |
										</c:if> 										
									</c:if>
									
									<a href="/ittl/purchaseOrder/purchaseOrder.do?mode=print&docNo=${var.docNo }" target="_blank">พิมพ์</a><br />
								</c:if>
								<c:if test="${var.poStatus==2 }">
									อ้างอิงการบันทึกซื้อแล้ว
								</c:if>
								
								<c:if test="${var.isCancel==1 }">
									สถานะ:PO ถูกยกเลิก<br>
								</c:if>
								<c:if test="${var.printCount>0 }">
									<br>พริ้นแล้ว :${var.printCount } ครั้ง
								</c:if>																																
							</td>					
							<td width="15%">
								<label id="docNo${id+1+offset }" >${var.docNo }<br />${var.tempMyDesc2 }</label><br />
																							
							</td>
							<td width="63%">
								<table border="1" width="100%">																
										<logic:iterate id="var2"  indexId="id2" collection="${var.bcPurchaseOrderSubs }">
									<tr>
										<td colspan="3">${var2.stkReqNo }</td>
									</tr>							
									<tr style="align:right" >
															
										<td width=55%">${var2.itemCode }<br />${var2.itemName }&nbsp;</td>
										<td width=15%" align="right">${var2.qty }&nbsp;</td>		
										<td width=15%">${var2.ittl_unitName }</td>						
										
									</tr>
										</logic:iterate>													
								</table>										
							</td>				
						</tr>
				</logic:iterate> 
			</logic:notEmpty>
		</table>
		
		</div>
	</center>					
  	</div>
  		  
</div>

<input type="hidden" value="${monthFind }" id="monthFindId">
<input type="hidden" value="${yearFind }" id="yearFindId">
<script type="text/javascript">

	var mm = document.getElementById("monthFindId").value;		
	document.formSearch.monthFind[mm-1].selected=true;		
	document.getElementById("mm").innerHTML = document.formSearch.monthFind[mm-1].text;

	var yy = document.getElementById("yearFindId").value;		
	var dd = document.formSearch.yearFind.selectedIndex;
	var ss = document.formSearch.yearFind[dd].text; 			
	document.getElementById("yyyy").innerHTML = ss;
	 	
</script>





</body>

</html:html>